JavaScript Cookbook by Powers Shelley
Author:Powers, Shelley [Shelley Powers]
Language: eng
Format: epub, mobi
Tags: COMPUTERS / Programming Languages / JavaScript
ISBN: 9781449395926
Publisher: O'Reilly Media
Published: 2010-07-06T16:00:00+00:00
13.4. Hiding Page Sections
Problem
You want to hide an existing page element and its children until needed.
Solution
You can set the CSS visibility property to hide and show the message:
msg.style.hidden="visible"; // to display msg.style.hidden="hidden"; // to hide
or you can use the CSS display property:
msg.style.display="block"; // to display msg.style.display="none"; // to remove from display
Discussion
Both the CSS visibility and display properties can be used to hide and show elements. There is one major difference between the two that impacts on which you’ll use.
The visibility property controls the element’s visual rendering, but its physical presence still affects other elements. When an element is hidden, it still takes up page space. The display property, on the other hand, removes the element completely from the page layout. The property can take several values, but there are four of interest to us:
none
When display is set to none, the element is removed completely from display.
Download
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Content Management | Programming |
User Experience & Usability | User Generated Content |
Web Design | Web Marketing |
Web Services | Website Analytics |
Hello! Python by Anthony Briggs(9911)
The Mikado Method by Ola Ellnestam Daniel Brolund(9775)
Dependency Injection in .NET by Mark Seemann(9336)
Sass and Compass in Action by Wynn Netherland Nathan Weizenbaum Chris Eppstein Brandon Mathis(7775)
The Well-Grounded Java Developer by Benjamin J. Evans Martijn Verburg(7557)
Svelte with Test-Driven Development by Daniel Irvine(7110)
Test-Driven Development with PHP 8 by Rainier Sarabia(6836)
Layered Design for Ruby on Rails Applications by Dementyev Vladimir;(6701)
Secrets of the JavaScript Ninja by John Resig & Bear Bibeault(6532)
Secrets of the JavaScript Ninja by John Resig Bear Bibeault(6409)
Web Development with Django by Ben Shaw Saurabh Badhwar(6170)
React Application Architecture for Production by Alan Alickovic(5888)
Jquery UI in Action : Master the concepts Of Jquery UI: A Step By Step Approach by ANMOL GOYAL(5806)
Kotlin in Action by Dmitry Jemerov(5061)
Audition by Ryu Murakami(4583)
Software Architecture for Web Developers by Mihaela Roxana Ghidersa(4424)
Hands-On Full-Stack Web Development with GraphQL and React by Sebastian Grebe(4315)
Accelerating Server-Side Development with Fastify by Manuel Spigolon Maksim Sinik & Matteo Collina(4274)
Functional Programming in JavaScript by Mantyla Dan(4037)
